<template>
    <div class="introduce-container">
        <h3>{{Info.title}}</h3>
        <hr>
        <div class="content" v-html="Info.content"></div>
    </div>
</template>

<script>
    export default {
       data(){
           return{
               Info:{}
           }
       },
        created(){
           this.getGoodsDesc();
        },
        methods:{
           getGoodsDesc(){
               this.$http.get('http://www.liulongbin.top:3005/api/goods/getdesc/' + this.$route.params.id).then(result =>{
                   var result = result.body;
                   if(result){
                       this.Info = result.message[0];
                       console.log(this.Info);
                   }
               })
           }
        }
    }
</script>

<style>
.introduce-container{
    padding: 4px;
}
.introduce-container h3{
    font-size: 16px;
    color: #226aff;
    text-align: center;
    margin: 15px 0;
}
.content img{
    width: 100%;
    height: 100%;
    }
</style>